*{
    margin: 0;
    padding: 0;
 }
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,i,b{font-style:normal;}
ul,ol{list-style:none;}
a{text-decoration:none;font-size: 12px;color: #000; }
a:hover{text-decoration:none;}
img{border:0;border-radius:2px 2px 2px 2px;}
button,input,select,textarea{font-size:100%;outline:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
td,th,ul,ol{padding:0;}
cite{font-style:normal;}
/*------common------*/
.pr{position:relative}
.pa{position:absolute}
.fl{float:left}
 .fr{float:right}
.clearfix{zoom:1}
.clearfix:after{content:'\20';display:block;height:0;line-height:0;visibility:hidden;clear:both}
.none{display:none}
.ht{overflow:hidden;text-indent:-9999px;text-decoration:none}
.fb{font-weight:bold}
.fn{font-weight:normal}
.f12{font-size:12px}
.f16{font-size:16px}
.f22{font-size:22px}
.tc{text-align:center}
.tr{text-align:right}
.top-box{
    width: 100%;
    height: 50px;
    border-color: #FFFFFF;
}
.top-box>div{
    margin: 0 auto;
    width: 800px;
    height: 50px;
}
.top-box>div>.logo{
    width: 120px;
    height: 50px;
}
.top-box>div>div{   
    line-height: 50px;
    width: 80px;
    margin-left: 5px;
    text-align: center;
    float: left;
}
.top-box>div>div>a{
    font-size: 14px;
}
.top-box>div>.search{
    width: 20px;
    height: 20px;
    margin-top: 10px;
}
.top-box>div>button{
    float: right;
    border: 1px solid orange;
    color: orange;
    font-size: 14px;
    height: 20px;
    width: 80px;
    margin-top: 10px;
    margin-left: 20px;
    border-radius :5px ;
}
/* 导航栏 */
hr{
    width: 100%;
    border: 1px solid salmon;
}

.both-box{
    width: 100%;
    height: 2500px;
    background-color: #FFFFFF;
}
.both-box>:nth-child(1){
    font-size: 20px;
    width: 100%;
    line-height: 70px;
    height: 70px;
    text-align: center;
}
.both-box>:nth-child(2){
    width: 240px;
    height: 30px;
    margin: 0 auto;
}
.both-box>:nth-child(2)>div{
    width: 120px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    float: left;
}
.both-box>.text {
    background-color: #F7F7F7;
    width: 800px;
    height: 2500px;
    /* 高需要调 */
    margin: 0 auto;    
}
.both-box>.text>.zuobian{
    float: left;
    width:500px ;
    height: 2325px ;
    /* 高需要调 */
    /* background-color: aquamarine; */
    overflow: hidden;
}

.zuobian>li{
    width: 500px;
    height: 350px;
    margin-top: 5px; 
    position: relative;
}
/* 遍历数据 */
.both-box>.text>.zuobian>li>img{
    width: 500px;
    height: 350px;
}
.zuobian>li>.report{
    position: absolute;
    top: 200px;
    width: 500px;
    height: 150px;
    background-color: cadetblue;
}
.zuobian>li>.report>.wen{
    font-size: 12px;
    width: 500px;
    margin-top: 10px;
    line-height: 25px;
}
.zuobian>li>.report>.comment{
    width: 500px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-top: 20px;
}
.report>.comment>span{
    font-size: 12px;
    float: right;
    line-height: 30px;
    width: 80px;
    height: 30px;
    text-align: right;
    position: relative;
}
.comment>span :nth-child(1){
    width: 15px;
    height: 15px;
    position: absolute;
    top:5px ;
    right: 8px; ;
}
.comment>span :nth-child(2){
    width: 15px;
    height: 15px;
    position: absolute;
    top:5px ;
    right: 30px; ;
}
.zuobian>div{
    height: 30px;
    width: 500px;
    line-height: 30px;
    text-align: center;
    margin-top: 2px;
    background-color: cornflowerblue;
    font-size: 12px;

}
.content-box5{
    color: orange;
    font-size: 14px;
    width: 120px;
    line-height: 20px;
    margin: 0 auto;
}
.content-box5>img{
    width: 15px;
    height: 15px;
}
/* 最新最热下边框 */
.click{
    border-bottom:2px solid orange ;
}

/* 遍历结束 */



.both-box>.text>.youbian{
    margin-left: 30px;
    float: left;
    width: 180px;
    height: 1800px;
}
.both-box>.text>.youbian>img{
    width: 180px;
    height: 100px;
    margin-top: 0;
    margin-left: 0;
}
.both-box>.text>.youbian>.p1{
    width: 180px;
    height: 30px;
    line-height: 30px;
    border-left:3px solid orange ;
    margin-top: 10px;
    font-size: 15px;
    text-align: left;
    background-color: #F7F7F7;
}
.both-box>.text>.youbian>.p2{
    width: 180px;
    height: 30px;
    line-height: 30px;
    /* border-left:3px solid orange ; */
    margin-top: 35px;
    font-size: 14px;
}
.both-box>.text>.youbian>.p3{
    width: 180px;
    height: 30px;
    line-height: 20px;
    /* border-left:3px solid orange ; */
    margin-top: 5px;
    font-size: 12px;
}
.both-box>.text>.youbian>div{
    width: 180px;
    height: 80px;
}
.both-box>.text>.youbian>div>img{
    width: 80px;
    height: 80px;
    float: left;
}
.both-box>.text>.youbian>div>div{
    text-align: center;
    width: 100px;
    height: 80px;
    font-size: 14px;
    float: left;
    margin-top: 5px;
    background-color: antiquewhite;
}










.bottom-box{
    background-color: #505050;
    width: 100%;
    height: 300px;
}
.bottom-box>div{
    margin: 0 auto;
    width: 800px;
    height: 280px;
}
.bottom-box>div>img{
    width: 150px;
    height: 150px;
}
.bottom-box>div>ul{
    float: left;
    margin-left: 5px;
    width: 130px;
    font-size: 12px;
    color: cadetblue;
}
.bottom-box>div>.min{
    width: 110px;
}
.bottom-box>div>ul>h3{
    font-size: 14px;
    color: #F7F7F7;
    margin-bottom: 20px;
}
.bottom-box>div>ul>img{
    margin-bottom: 20px;
}
.bottom-box>div>ul>li{
    margin-top: 5px;
}
.bottom-box>div>.one{
    width: 800px;
    color: #F7F7F7;
    font-size: 12px;
    margin: 0 auto;
    /* height: 30px; */
    text-align: center;
    /* margin-top: 150px; */
    position: absolute;
    top: 230px;

}